<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Calendar Gadget</title>
  <style type="text/css">
    body { width: 130px; height: 125px; margin: 0; padding: 0; background-color: #333; }
    body, table { font-family: Segoe UI; font-size: 10px; color: #ddd; font-weight: bold; }
    th, td, div { text-align: center; white-space: nowrap; padding-top: 0px; padding-bottom: 0px; }
    hr { color: #222; height: 2px; border-bottom: solid 1px #444; margin: 0; padding: 0; }
    .month { font-size: 11px; float: left; width: 125px; height: 127px; margin: 0; }
    .today { color: #99bbff; text-decoration: underline; }
    #border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #000; z-index: 99; }
    #content { padding: 6px 1px 1px 1px; }
  </style>
</head>
<body>
  <div id="border" />
  <div id="content" />
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript">
    $(APP.run);
  </script>
</body>
</html>
